<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
  <meta name="renderer" content="webkit">
	<title>地图-实时刷新数据</title>
  <style>
    body{
      background: #090918;
    }
    h1{
      padding: 10px 20px;
      font-family: '微软雅黑';
      font-size: 20px;
      background: #eee;
    } 
    .div-area{
      float: left;
      width: 350px;
      height:350px;
      margin-bottom: 10px;
    }
    div.bigArea{
      float: left;
      width: 800px;
      height:600px;
    }
  </style>
</head>
<body>
  <div class="div-area" id="main1"></div>
  <div class="div-area" id="main2"></div>
  <div class="div-area" id="main3"></div>
  <div class="bigArea" id="main7"></div>
</body>
  <!-- echarts 依赖 3.x -->
  <!-- <script src='echarts.min.js'></script> -->
  <!-- echarts3|2 -->
  <!-- svg -->
  <!-- echarts@2.2.7.js -->
  <!-- <script src='echarts.js'></script> -->
  <!-- jquery 依赖 -->
  <script src="jquery-1.10.1.min.js"></script>
  <!-- echarts 依赖 @4.0.2 -->
  <script src='echarts@4.0.2.min.js'></script>
  <!-- 地图 依赖 -->
  <script src="china.js"></script>
  <!-- 云图 依赖 -->
  <!-- <script src="echarts-wordcloud.min.js"></script> -->
  <!-- 下钻 依赖 -->
  <script src="drilldown.js"></script>
  <!-- 数据配置 -->
  <!-- <script src="mapEntry.js"></script> -->
  <!-- ie下的js -->
  <script src="IEmapEntry.js"></script>
</html>